<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Head -->
<head>
    <meta charset="utf-8"/>
    <title>${session.SOFT_NAME }_智能办公系统</title>
    <meta name="description" content="Dashboard"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" href="/module/zTree_v3/css/bootstrapStyle/bootstrapStyle.css">
    <%include("/app/resapi/style.html"){}%>
</head>
<body style="overflow-y: auto;">
<div class="page-body" style="padding: 0px;">
    <div class="well with-header">
        <div class="header bordered-pink">预算配置</div>
        <form class="form-horizontal" role="form">
            <div class="form-group">
                <label class="col-sm-1 control-label no-padding-right">费用上报方式：</label>
                <div class="col-sm-5">
                    <div class="control-group" style="padding-top: 5px;">
                        <label>
                            <input type="radio" class="colored-danger" value="1" name="costUpdateType" checked="checked"> <span class="text">系统填报审批方式</span>
                        </label>
                        <label>
                            <input type="radio" class="colored-danger" value="2" name="costUpdateType"> <span class="text">BPM流程审批方式</span>
                        </label>
                    </div>
                </div>
                <div class="col-sm-6" style="line-height: 34px">费用上报复杂的场景可以使用BPM流程方式，可以像正常审批流程一样上报预算费用！</div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label no-padding-right">费用上报流程：</label>
                <div class="col-sm-5">
                    <select class="form-control" id="flowIdUpdate" style="width:300px;"></select>
                </div>
                <div class="col-sm-6" style="line-height: 34px">用户费用上报的BPM流程</div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label no-padding-right">费用申请方式：</label>
                <div class="col-sm-5">
                    <div class="control-group" style="padding-top: 5px;">
                        <label>
                            <input type="radio" class="colored-danger" value="1" name="costApplayType" checked="checked"> <span class="text">系统填报审批方式</span>
                        </label>
                        <label>
                            <input type="radio" class="colored-danger" value="2" name="costApplayType"> <span class="text">BPM流程审批方式</span>
                        </label>
                    </div>
                </div>
                <div class="col-sm-6" style="line-height: 34px">费用申请复杂的场景可以使用BPM流程方式，可以像正常审批流程一样申请预算费用！</div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label no-padding-right">费用申请流程：</label>
                <div class="col-sm-5">
                    <select class="form-control" id="flowIdCost" style="width:300px;"></select>
                </div>
                <div class="col-sm-6" style="line-height: 34px">用户费用申请的BPM流程</div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label no-padding-right">费用申请审批人：</label>
                <div class="col-sm-5">
                    <textarea class="form-control" rows="5" readonly="readonly" id="costApprovalUser" style="width:300px;display: inline-block;"></textarea>
                    <div style="display: inline-block;margin-left:10px;">
                        <a style="cursor: pointer;" opt-id="costApprovalUser" onclick="selectUser(this,'true');">${i18n('system.select')}</a>
                        <a style="cursor: pointer;margin-left:10px;" onclick="clearSelect('deptPriv')">${i18n('system.clear')}</a>
                    </div>
                </div>
                <div class="col-sm-6" style="line-height: 34px">用户费用申请的审批人，系统填报审批方式有效</div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label no-padding-right">预算是否直接调整：</label>
                <div class="col-sm-5">
                    <div class="control-group" style="padding-top: 5px;">
                        <label>
                            <input type="radio" class="colored-danger" value="1" name="adjustmentType" checked="checked"> <span class="text">可直接调整预算</span>
                        </label>
                        <label>
                            <input type="radio" class="colored-danger" value="2" name="adjustmentType"> <span class="text">通过审批调整预算</span>
                        </label>
                    </div>
                </div>
                <div class="col-sm-6" style="line-height: 34px">用户可以是否可以通过编辑项目详情的方式修改原本的预算</div>
            </div>

            <div class="form-group">
                <label class="col-sm-1 control-label no-padding-right">预算调整审批人：</label>
                <div class="col-sm-5">
                    <textarea class="form-control" rows="5" readonly="readonly" id="adjustmentApprovalUser" style="width:300px;display: inline-block;"></textarea>
                    <div style="display: inline-block;margin-left:10px;">
                        <a style="cursor: pointer;" opt-id="adjustmentApprovalUser" onclick="selectUser(this,'true');">${i18n('system.select')}</a>
                        <a style="cursor: pointer;margin-left:10px;" onclick="clearSelect('deptPriv')">${i18n('system.clear')}</a>
                    </div>
                </div>
                <div class="col-sm-6" style="line-height: 34px">预算调整通过的审批人，可直接调整预算有效</div>
            </div>
            <div class="form-group">
                <div class="col-sm-12" style="text-align: center">
                    <button type="button" class="btn btn-purple js-setbtn">设置</button>
                </div>
            </div>
        </form>
    </div>
</div>
<div id="orgselectdiv"></div>
</body>
<%include("/app/resapi/sysjs.html"){}%>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.core.js"></script>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.exedit.js"></script>
<script type="text/javascript" src="/module/orgselect/orgselect.js"></script>
<script type="text/javascript" src="/gobal/js/page/budget/param/setconfig.js"></script>
</html>
